@import url('../../reset.css');

#box {
  width: 654px;
  height: 44px;
  /* 3、盒子应该距离顶部15%的距离，且在页面上水平居中 */
 padding-top:15% ;
 margin: 0 auto;
}

.left-search {
  width: 546px;
  height: inherit;
  /* 4、边框的宽度应该为2的像素，实线的，边框颜色为#c4c7ce */
 border: 2px solid #c4c7ce;

  border-right: none;
  /* 2、设置上边框和左边框的圆角属性值为10px */
 border-radius: 10px 10px;
}

.left-search input {
  width: 443px;
  border: none;
  height: inherit;
  margin-left: 5px;
  /* 7、设置背景颜色为透明状态 */
 background: transparent;
  
}

.left-search input + i {
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-right: 10px;
  background: transparent url(../images/nicon-10750f3f7d.png) 0 -80px / 40px no-repeat;
}

.left-search input + i:hover {
  /* 5、设置背景在y轴上得距离为-120px */
 background-position-y:-120px ;

}

.right-btn {
  width: 108px;
  color: #fff;
  cursor: pointer;
  height: inherit;
  line-height: 44px;
  /* 6、设置文本水平居中 */
 text-align: center;

  background-color: #4e6ef2;
  border-radius: 0 10px 10px 0;
}